/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-size: inherit;font:100%;}
caption,th{text-align:left;}
fieldset,img{border:none;vertical-align:top;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup,sub{font-size:100%;vertical-align:baseline;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content: '';content: none;}
input,button,textarea,select{font-family: inherit;font-size: inherit;font-weight: inherit;vertical-align:middle;*font-size:100%;}
address,caption,cite,code,dfn,em,i,b,strong,th,var,optgroup{font-style:normal;font-weight:normal;}
/*common style--------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
/*website link--------------------------------------------------------------------------*/
a{text-decoration:none;}
a:hover{text-decoration:underline;}

body{background:#efefef}


/*header*/
#header{height:44px; background:url(../images/top-bg.png) repeat-x;}

/*siderBar*/
#siderBar{width:217px;background:#fff; position:absolute;top:44px;left:0;}
.navElemt h3{height:35px; line-height:35px;padding-left:10px; border-bottom:1px solid #D5D5D5;color:#858585; cursor:pointer;font-size:14px;}
.navElemt ul{ display:none;padding:0px 5px 0 5px}
.navElemt ul li{ border-bottom:1px dotted #CCC; line-height:28px;padding-left:28px;color:#858585; background:url(../images/sprites.png) no-repeat -180px -290px; position:relative}
.navElemt ul li a{color:#858585}
a.callEffects{ position:absolute;right:0;top:0px;color:#0099FF !important}
/*content*/
#content{position:relative;margin:0px 10px 0px 227px;top:10px;/* background:url(../images/2897814_144041223195_2.gif) center center no-repeat*/}
#content .left{ position:absolute;left:-5px}
#content .right{ position:absolute;right:-5px}
#content .top{height: 50%;position: absolute;top:-6px;}
#content .bottom {
    bottom: -6px;
    height: 50%;
    position: absolute;
}
.window{width:100%;height:100%;background:#FFF; border:1px solid #999; box-shadow: 0 2px 3px #E4E4E4 inset;-webkit-box-shadow:0 2px 3px #E4E4E4 inset}
.column{width:50%; display:block;height:100%}
#handler_vertical{
	background:url(../images/handle-v.png) #EFEFEF no-repeat center 50%;
    cursor: col-resize;
    height: 100%;
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: -5px;
    width: 8px;
}

.handler_horizontal {
    background: url(../images/handle-h.png) #EFEFEF no-repeat 50% center;
    cursor: row-resize;
    height: 8px;
    left: 0;
    padding: 0 1px;
    position: absolute;
    top: 0;
    width: 100%;
}

textarea{border:0;resize:none;height:100%;width:100%}

iframe{width:100%;height:100%}

.window_label{
	background: #fff;
	display: inline-block;
	height: 20px;
	padding: 0 6px;
	line-height: 20px;
	z-index: 100;
	position: absolute;
	top: 5px;
	right: 4px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", Tahoma, sans-serif;
	text-align: center;
	font-size: 11px;
	color: #888;
	border-radius: 3px;
	border: solid 1px #D3D4D5;
	filter:alpha(opacity=80);  
	-moz-opacity:0.8;  
	-khtml-opacity: 0.8;  
	opacity: 0.8;  
}



.call-window{width:400px;height:400px; border:3px solid #666;background:#fff; display:none}





